﻿<%@ Page Language="C#" MasterPageFile="~/Home.master" AutoEventWireup="true" CodeFile="MapDetails.aspx.cs" Inherits="MapDetails" Title="Cungmuanao.com - Bản đồ chi tiết" %>
<%@ Register src="Controls/Map.ascx" tagname="Map" tagprefix="uc1" %>
<asp:Content ID="MainContent" ContentPlaceHolderID="MainContent" Runat="Server">
<div class="title">
    Bản đồ cửa hàng</div>
<div class="body">   
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=201289673980317054845.0004afa6b97b2ae0c237c" type="text/javascript"></script>
<div id="map"></div>
<script type="text/javascript">
    //<![CDATA[

    // Check to see if this browser can run the Google API
    if (GBrowserIsCompatible()) {

        var gmarkers = [];
        var htmls = [];
        var to_htmls = [];
        var from_htmls = [];
        var i = 0;

        // A function to create the marker and set up the event window
        function createMarker(point, name, html) {
            var marker = new GMarker(point);

            // The info window version with the "to here" form open
            to_htmls[i] = html + '<br>Directions: <b>To here</b> - <a href="javascript:fromhere(' + i + ')">From here</a>' +
           '<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +
            // "(" + name + ")" + 
           '"/>';
            // The info window version with the "to here" form open
            from_htmls[i] = html + '<br>Directions: <a href="javascript:tohere(' + i + ')">To here</a> - <b>From here</b>' +
           '<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
            // "(" + name + ")" + 
           '"/>';
            // The inactive version of the direction info
            html = html + '<br>Directions: <a href="javascript:tohere(' + i + ')">To here</a> - <a href="javascript:fromhere(' + i + ')">From here</a>';

            GEvent.addListener(marker, "click", function () {
                marker.openInfoWindowHtml(html);
            });
            gmarkers[i] = marker;
            htmls[i] = html;
            i++;
            return marker;
        }

        // functions that open the directions forms
        function tohere(i) {
            gmarkers[i].openInfoWindowHtml(to_htmls[i]);
        }
        function fromhere(i) {
            gmarkers[i].openInfoWindowHtml(from_htmls[i]);
        }

        // Display the map, with some controls and set the initial location 
        var map = new GMap2(document.getElementById("map"));
        map.setMapType(G_HYBRID_MAP);
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(9.970076, 105.7399), 15);

        // Set up three markers with info windows 
        //1
        var point = new GLatLng(9.970076, 105.7399);
        var marker = createMarker(point, ' ', 'Công ty TNHH Thuốc Thú Y Á Châu')
        map.addOverlay(marker);



    }


    // display a warning if the browser was not compatible
    else {
        alert("Sorry, the Google Maps API is not compatible with this browser");
    }

    // This Javascript is based on code provided by the
    // Blackpool Community Church Javascript Team
    // http://www.commchurch.freeserve.co.uk/   
    // http://econym.googlepages.com/index.htm

    //]]>
</script>
   
</div>
<div class="bottom"></div>
</asp:Content>
